<template>
	<view>
		<uni-popup ref="popup" type="center" :animation="true">
			<view class="content-box">
				<view class="header">提示</view>
				<view class="main">
					<uni-easyinput type="textarea" placeholder="请输入审批意见" v-model="model"></uni-easyinput>
				</view>
				<view class="foot">
					<view class="exit" @click="exit">取消</view>
					<view class="confirm" @click="confirm">确认</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "sendNews",
		data() {
			return {
				model:'',
			};
		},
		props:{
		},
		methods: {
			show() {
				this.$refs.popup.open()
			},
			close() {
				this.$refs.popup.close()
			},
			confirm(){
				this.$emit('confirm',this.model)
				this.close()
				this.model=''
			},
			exit(){
				this.close()
			},
		},
	}
</script>

<style lang="scss" scoped>
	.content-box{
		width: 600rpx;
		background: #FFFFFF;
		border-radius: 18rpx;
		.header{
			padding: 14rpx 24rpx;
			font-weight: 600;
			font-size: 32rpx;
			color: #393939;
		}
		.main{
			padding: 14rpx 26rpx 40rpx 26rpx;
		}
		.foot{
			display: flex;
			justify-content: space-between;
			border-top: 1px solid #d8d7cb;
			.exit{
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 1;
				border-right: 1px solid #d8d7cb;
				color: #c8c8c8;
				padding: 20rpx 0;
			}
			.confirm{
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 1;
				color: #007AFF;
			}
		}
	}
</style>
